<template>
  <div class="container">
    <div class="chanpin">
      <img class="kongche" src="../../../assets/Applet/kongche.png" alt="">
      <div class="text"><span>1</span>车辆状态，此处可以显示您的爱车开锁&解锁状态；</div>
      <div class="text"><span>2</span>当此处报警小灯亮起时，您的爱车可能被异常移动或强行断电了，您可以点击进入查看具体的告警信息；</div>
      <div class="text"><span>3</span> 车辆图片，点击可进入对应的车辆详情页面；如果您有多辆爱车，左右滑动车辆图片可切换控制不同的车辆；</div>
      <div class="text"><span>4</span>天气预报，此处显示当地的天气情况（需要开启定位功能）；</div>
      <div class="text"><span>5</span>开坐桶按钮，点击此按钮可以打开您爱车的座桶（仅在支持开坐桶功能的车型上可用）；</div>
      <div class="text"><span>6</span>锁车按钮，点击可锁住您的爱车，车辆一旦使用手机锁车，被强行移动时，您的微信将会收到告警信息；</div>
      <div class="text"><span>7</span>定位按钮，点击此按钮可以打开地图，并在地图上标注您爱车的位置；</div>
      <div class="text"><span>8</span>开锁按钮，点击此按钮可以开锁并启动您的爱车；</div>
      <div class="text"><span>9</span>寻车按钮，点击可让您的爱车发出蜂鸣声，帮助您寻找您的爱车；</div>
      <div class="text"><span>10</span>剩余电量，此处显示当前车辆的剩余电量；</div>
      <div class="text text1"><span>11</span>控车记录，此处显示该车辆最近的十条控车记录信息，点击可以打开详细的控车记录列表。</div>
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.kongche{
  width:322px;
  height:600px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text span{
  display: inline-block;
  width:14px;
  height:14px;
  margin-right:6px;
  text-align: center;
  font-size:10px;
  line-height: 14px;
  border:1px solid #f53d00;
  border-radius: 20px;
  color:#f53d00;
}
.text1{
  margin-bottom:20px;
}

</style>